<html>
	<head>
		<script src="jquery.js" type="text/javascript"></script>
		<script src="image.JSON.pagination.js" type="text/javascript"></script>
		<link href="image.JSON.pagination.css" type="text/css" rel="stylesheet" />
		<script>
			$(document).ready(function(){
				$("#container").ImageJSONPagination({
					imagePath             : "img",
					json 		          : "json_sample.php",
					paginationOrientation : "after",
					fadeIn				  : true,
					hashURL 			  : true,
					className	          : "json-content-pagination"
				});
			});
		</script>
	</head>
<body>
	<div id="container">
		<!--
		Template 1
		<div class="mydiv json-content-pagination"></div>
		<div class="mydiv json-content-pagination"></div>
		<div class="mydiv json-content-pagination"></div>
		<div class="mydiv json-content-pagination"></div>
		-->
		
		<!--
		Template 2
		-->
		<table>
			<tr>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
			</tr>
			<tr>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
			</tr>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
				<td class="json-content-pagination">
				</td>
			</tr>
		</table>		
	</div>
</body>
</html>